<!DOCTYPE html>
<style>
#scroller {
    background: gray local;
    border: 10px solid green;
    overflow: scroll;
    width: 200px;
    height: 200px;
    will-change: transform;
}

#spacer {
    height: 500px;
}
</style>
<div id="scroller">
    <div id="spacer"></div>
    <p>Text content</p>
</div>
<script>
onload = function() {
    scroller.scrollTop = 500;
}
</script>
